<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>


</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">
  <h:form id="form1">
  	<p:growl id="growl1" />
  	 <p:messages id="messages" /> 
  	 <h3 style="text-align: center; padding-bottom:35px;"> Alta de Rol</h3> 
	 <p:panel >	
	 	<br></br>
		<h:panelGrid columns="3" columnClasses="label, value" styleClass="grid">
			
			<h:outputText for="nombre" value="Nombre: *"/>
			<h:panelGroup>
				<p:inputText id="nombre" value="#{rolCreate.rol.nombre}" autocomplete="off" label="Nombre"
				 onkeyup="javascript:this.value=this.value.toUpperCase();">
					<p:ajax update="errorNombre, guardar" event="keyup"  listener="#{rolCreate.listenerNombre}"/> 
				</p:inputText>
			</h:panelGroup>
			<p:messages id="errorNombre" ></p:messages>
			
		</h:panelGrid>
		<br></br>
	</p:panel>
	<p:panelGrid columns="1" style="width:100%;"  >
		<f:facet name="header"> Asignar Permisos: </f:facet>
	</p:panelGrid>
	<p:panel style="text-align: left">
		
			<br></br>    	
			<h:outputLabel value="Productos"  />
			<h:panelGrid columns="2" >
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.producto}"/> <h:outputText value="Producto"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.tipoProducto}"/> <h:outputText value="Tipo de Producto"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.pack}"/> <h:outputText value="Pack"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.frioCalor}"/> <h:outputText value="Frio Calor"/>
	    	</h:panelGrid>
	    	<br></br>
	    	<h:outputLabel value="Sujeto"  />
			<h:panelGrid columns="2" >
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.sujetoEmpresa}"/> <h:outputText value="Sujeto Empresa"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.sujetoResidencial}"/> <h:outputText value="Sujeto Residencial"/>
	    	</h:panelGrid>
			<br></br>
			<h:outputLabel value="Tipo de Cliente" />
			<h:panelGrid columns="2" >
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.tipoCliente}"/> <h:outputText value="Tipo de Cliente"/>
	    	</h:panelGrid>
	    	<br></br>
	    	<h:outputLabel value="Gestion" />
			<h:panelGrid columns="2" >
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.reparto}"/> <h:outputText value="Reparto"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.vehiculo}"/> <h:outputText value="Vehiculo"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.personal}"/> <h:outputText value="Personal"/>
		    	<p:selectBooleanCheckbox value="#{rolCreate.rol.roles}"/> <h:outputText value="Roles"/>
	    	</h:panelGrid>
			<br></br>
	</p:panel>
	<p:panel style="text-align: center"  >
			<p:commandButton value="Guardar" id="guardar"  	ajax="false"
				action="#{rolCreate.guardarRol(rolCreate.rol)}" update="growl1" disabled="#{rolCreate.deshabilitarGuardar}" >	
			</p:commandButton>
			<p:commandButton value="Cancelar" action="#{rolCreate.cancelar()}" ajax="false" immediate="true"></p:commandButton>	
	</p:panel>
  </h:form>
 </ui:define>
</ui:composition>
</h:body>
</html>